<template>
  <div class="app">
    <!-- <div>下面是从父组件传过来的单个数据,单个对象，可以直接通过v-if来控制</div> -->
    <!-- <p v-if="oneList!=null">{{oneList.name}}</p> -->
    <div>下面是从父组件传过来的单个对象，可以直接通过watch来控制</div>
    <p>{{oneList.name}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  //生命周期 - 创建完成
  created() {},
  props: ["oneList"],
  watch: {
    "oneList": {
      handler(newName, oldName) {
        console.log(newName);   //null
        console.log(oldName)    //undefined
        //   return newName
      },
      deep: true,
      immediate: true,
    },
  },

  methods: {},
};
</script>

<style lang='less' scoped>
</style>